/*
Theme Name: Sundorne
Theme URI: http://sundorne.ca
Description: a WordPress theme for Real Estate by CSSIgniter
Author: mikei
Author URI: http://www.cssigniter.com/
Version: 2.0.1
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
    font-family: 'VeveyRegular';
    src: url('fonts/vevey-webfont.eot');
    src: url('fonts/vevey-webfont-1.eot') format('embedded-opentype'),
         url('fonts/vevey-webfont.woff') format('woff'),
         url('fonts/vevey-webfont.ttf') format('truetype'),
         url('fonts/vevey-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
============================================================================
Global (h1..h6,lists,paragraphs,tables,links,form elements etc)
============================================================================
*/
body { font:normal 15px "Droid Serif", serif; line-height:1.6; }

/* Headings */
h1 { font-size:26px; }
h2 { font-size:24px; }
h3 { font-size:22px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:16px; text-transform: uppercase;  }
h1,h2,h3,h4,h5,h6 { font-weight:normal; margin:0 0 15px 0; -ms-word-wrap: break-word; word-wrap: break-word; }
hr { border:0; height:1px; margin-bottom:1.625em; }

/* Text elements */
p { margin:0 0 15px 0; }
ul,ol { margin:0 0 20px 0; padding:0; list-style-position: inside; }
ul ul, ul ol, ol ul, ol ol { margin:0 0 0 15px; }

dl { margin:0 1.625em; }
dt { font-weight:bold; }
dd { margin-bottom:1.625em; }
strong { font-weight:bold; }
cite,em,i { font-style:italic; }
blockquote { font-family:Georgia, "Bitstream Charter", serif; font-style:italic; font-weight:normal; padding-left:25px; margin:0; }
blockquote em,blockquote i,blockquote cite { font-style:normal; }
blockquote cite { font:12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:300; letter-spacing:.05em; text-transform:uppercase; display:block; }
pre { font:13px "Courier 10 Pitch", Courier, monospace; line-height:1.5; margin-bottom:1.625em; overflow:auto; padding:.75em 1.625em; }
code,kbd { font:13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr,acronym,dfn { cursor:help; }
address { display:block; margin:0 0 1.625em; }
ins { text-decoration:none; }
sup,sub { height:0; line-height:1; position:relative; vertical-align:baseline; }
sup { bottom:1ex; }
sub { top:.5ex; }
table { width:100%; margin-bottom:20px; }
table th, table td { padding:5px 10px; }
table th { background: #111; }

/* Forms */
fieldset { margin:0 0 15px 0; padding:0; border:none; }
label { display:block; }
input[type="text"], input[type="password"], input[type="date"], input[type="email"], textarea {  width:100%; border:none; border-radius:2px; padding:10px; height:35px; font-size:14px; line-height: 1; }
textarea { width:100%; height:250px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, textarea:focus {  }
input[type="search"] { -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button, .button, input[type="button"], input[type="reset"], input[type="submit"] {
	border: 0;  font-size: 14px; font-family: "Droid Serif", serif; padding: 10px; vertical-align: middle; line-height: 1; border-radius:2px;
	text-transform: uppercase;
	letter-spacing: 1px;
	height:42px;
}
button:hover, button:focus, .button:hover, .button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { text-shadow: none; }
button:active, .button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { }
input[type="submit"] {  }
.search-field {	width: 100%; }
.search-submit { display: none; }

.wp-caption { max-width: 100%; }
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; }
img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; max-width: 100%; }

/* Media */
embed, iframe,object,video { margin-bottom: 24px; max-width: 100%; }
p > embed, p > iframe, p > object, span > embed, span > iframe, span > object {	margin-bottom: 0; }
.item-thumb { margin-bottom:30px; }
.item-thumb a { display:block; position:relative;}
.overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.overlay i { position: absolute; top: 50%; margin-top: -18px; font-size: 34px; width: 100%; text-align: center; left: 0; z-index: 15; opacity: 0.8; }

/* Alignment */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft { margin: 7px 24px 7px 0; }
.wp-caption.alignleft { margin: 7px 14px 7px 0; }
blockquote.alignright, figure.wp-caption.alignright, img.alignright { margin: 7px 0 7px 24px; }
.wp-caption.alignright { margin: 7px 0 7px 14px; }
blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter { margin-top: 7px;	margin-bottom: 7px; }
.wp-caption { margin-bottom: 24px; }
.wp-caption img[class*="wp-image-"] { display: block; margin: 0; }
.wp-caption { color: #767676; }
.wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;	font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; }
div.wp-caption .wp-caption-text { padding-right: 10px; }
div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text { padding: 0; }
.wp-smiley { border: 0;	margin-bottom: 0; margin-top: 0; padding: 0;  }

/* Default Galleries */
.gallery { margin-bottom: 20px; }
.gallery-item { float: left; margin: 0 2px 4px 4px; overflow: hidden; position: relative; }
.gallery-columns-1 .gallery-item { max-width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); }
.gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); }
.gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); }
.gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); }
.gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); }
.gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); }
.gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); }
.gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); }
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; }
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; }
.gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; }
.gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; }
.gallery-item:hover .gallery-caption { opacity: 1; }
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; }

/*
============================================================================
Global structural elements
============================================================================
*/
#header { position:relative; z-index:11; }
.post { position:relative; }
.home-container { 
margin-top:403px; 
margin-top:520px;
 position:relative; 
 z-index:2; 
 }
.page-container { margin-top:180px; position:relative; z-index:3; }
.booking-container { position:relative; top:10px; z-index:4; margin-top:-10px; }
#main { padding:50px 50px; }
.home #main { padding-bottom:0; }
#main img, #sidebar img { padding:5px; }
#main img:hover, #sidebar img:hover { }
body[class*="page-template-template-videos"] #main, body[class*="page-template-template-galleries"] #main, .single-gallery #main { padding-bottom:20px; }
.footer img { padding:5px; }

/* Booking box / form */
#booking form {
/*	line-height: 1; */
	padding:10px;
}
#booking form select { display: none; }
#booking form > div { float:left; position:relative; margin-right:2%; }
#booking form  div:last-child { margin-right:0; }
#booking label { display:block; margin-bottom:5px; font-family: "Droid Sans", sans-serif; font-size:12px; font-weight:700; }
#booking input[type="text"] { border:none; font-size:14px; padding:10px; height:34px; width:100%; line-height: 1; border-radius:2px; box-shadow: 0 0 5px rgba(255,255,255,0.8); }
#booking button { background: none; box-shadow: none; height:auto; padding:0; margin:0; position:absolute; right:8px; bottom:9px; font-size:16px; }
#booking .arrival, #booking .departure { width:20%; }
#booking .adults, #booking .children { width:15%; }
#booking .bookbtn { width:22%; height:54px; }
#booking .bookbtn input {
	border-radius:2px;
	text-transform: uppercase;
	letter-spacing: 1px;
	position:absolute;
	bottom:4px;
	right:0;
	height:34px;
	padding: 8px 20px 11px;
}
#booking-form select { display: none; }
#booking-form fieldset > div { position: relative; }
#booking-form .ui-datepicker-trigger { position: absolute; bottom: -1px; right: 15px; }
#booking-form input[type="text"], #booking-form .dk_theme_ci.dk_container { width:100%; }
#booking-form textarea { margin-bottom: 25px; }
#formsuccess { padding: 25px; background: #62943B; }

/*
============================================================================
Header (Logo etc)
============================================================================
*/

#header a:hover { text-decoration:none; }
#header-trans { height:36px; width:100%; position:absolute; top:0; z-index:1; }
#header h1 { line-height: 1; margin:0 0 0 10px; padding:0;  }
#header h1 a { font:normal 28px 'VeveyRegular', sans-serif; line-height: 1; }
/*
#header h1 a { font:normal 20px "Droid Serif", serif; line-height: 1; text-transform:uppercase;}
*/
.header-group { padding:20px 0; }

/*
============================================================================
Navigation (for every navigational element in the theme)
============================================================================
*/
#navigation { float:right; }
.nav li { float:left; position:relative; list-style:none; margin:0; padding:0; }
.nav li a {  display:block; position:relative; padding:5px 10px; font:normal 13px 'Droid Sans', sans-serif; text-transform: uppercase; }
.nav li li a { padding:8px 15px; }
.nav,.nav * { margin:0; padding:0; list-style:none; }
.nav { line-height:1.0; }
.nav ul { position:absolute; top:-999em; width:15em; padding:5px 0;}
.nav ul li { width:100%; }
.nav li:hover { visibility:inherit; }
.nav li:hover ul,.nav li.sfHover ul { left:-5px; top:3.5em; z-index:99; }
ul.nav li:hover li ul,ul.nav li.sfHover li ul { top:-999em; }
ul.nav li li:hover ul,ul.nav li li.sfHover ul { left:15em; top:0; }
ul.nav li li:hover li ul,ul.nav li li.sfHover li ul { top:-999em; }
ul.nav li li li:hover ul,ul.nav li li li.sfHover ul { left:10em; top:0; }
.nav li:hover,.nav li.sfHover,.nav a:focus,.nav a:hover,.nav a:active { outline:0; }
.nav ul { padding:10px 0; }
.nav .current-menu-item a { color:#fff; }

/*
============================================================================
Pagination
============================================================================
*/
#paging { margin-bottom:40px; }
#paging a, #paging span { display:inline-block; }
#paging a { padding:5px 10px; }
#paging span { padding:6px 10px; }

/*
============================================================================
Comments (everything related to the comments section)
============================================================================
*/
.post-comments,#respond { margin-top:0; padding-top:40px; }
.post-comments .depth-1 { position:relative; margin-top:20px; }
.post-comments li { list-style: none; }
#comment-list { list-style: none; padding:0; margin:0; }
.avatar { float:left; margin:5px 15px 0 0; }

/*
============================================================================
Footer / Credits
============================================================================
*/
#footer-wrap { clear:both; position: relative; z-index:3; box-shadow: 0 -5px 10px rgba(0,0,0,1); padding-top:50px; }
.footer { padding-bottom:20px; }
.footer .col h4, .footer .col p { font-weight:normal; }
.footer .col h4 { font-size:16px; text-transform: uppercase; }
.footer .col p { line-height:1.4; }
.footer .col img { display:block; margin-bottom:15px; padding:4px; }
.footer .col a {  font-style: italic; }
#credits-wrap { background: #c0a573; }
#credits { padding:15px; font-size:11px;  text-align: left; }

/*
============================================================================
Equal heights
============================================================================
*/
.listing-row .col-md-3:first-child,.listing-row .col-md-4:first-child, .listing-row .col-md-6:first-child { clear: left; }
.listing-row .col-md-3:nth-child(4n+1), .listing-row .col-md-4:nth-child(3n+1), .listing-row .col-md-6:nth-child(2n+1)  { clear: left; }
@media (max-width: 992px) {
	.listing-row .col-md-3:nth-child(4n+1),	.listing-row .col-md-4:nth-child(3n+1), .listing-row .col-md-6:nth-child(2n+1) { clear: none; }
}
.listing-row .type-room { margin-bottom: 30px; }


/*
============================================================================
Homepage specific styles
============================================================================
*/
/* Slider */
.flexslider { margin: 0; padding: 0; background: none; border: none; }
#slider { height:800px; position:absolute; top:0; width:100%; z-index:1; }
#slider:after { content:''; position:absolute; bottom:0; width:100%; }
#slider:after {border:none !important;}
.slide { height:600px !important; width:100%; }
.slide-badge { padding:20px; position:absolute; top:540px; right:10px; }
.slide-video { padding:5px; float:right; width:560px; margin-top:200px;}
.slide-video .widget {margin-bottom:0;}

}
.slide-badge h2 { font:normal 46px 'VeveyRegular', sans-serif; margin:0; display:none;}
.slide-badge p { line-height: 1.4; margin:0; }
.flex-control-nav { bottom:20px; }

/* Home newsletter */
.hn { padding-bottom:12px; margin-bottom:60px; }
.hn form { padding:20px;}
.hn h3 { font:normal 26px 'VeveyRegular', sans-serif; display:block; text-align: center; margin:0; position:relative; top:-15px; margin-bottom:-15px;  }
.hn h3 span { padding:0 30px; }
.hn p { float:left; margin:0 2% 0 0; }
.hn .newsletter-title { width:27%; }
.hn .newsletter-field { width:28%; }
.hn .newsletter-field input { width:100%; }
.hn .newsletter-action { width:11%; margin-right:0; text-align: right; }

/*
============================================================================
Pages generic styles
============================================================================
*/
#hero { height:245px; position:absolute; top:0; width:100%; z-index:1; }
.hero-content { position:relative; }
.hero-content h2 { margin:145px 0 0 0; padding:20px 20px 17px 20px; font:normal 30px 'Droid Sans', 'VeveyRegular', sans-serif; line-height: 1; display:inline-block; }
.btn-book { display:block; position:absolute; top:20px; right:0; text-align: center; padding-top:9px; width:205px; height:33px; font:normal 23px 'VeveyRegular', sans-serif; }
h2.page-title { margin-bottom:0; }
p.meta { margin:0 0 15px 0; font-size:13px; }
.featured { margin: 0 0 15px 0; position:relative; }
.featured a { display:block; }

/*
============================================================================
Room page
============================================================================
*/
.room-price { font-size:10px; letter-spacing: 1px; padding: 8px 7px 5px 7px; position:absolute; top:-10px; right:15px; text-align: center; text-transform: uppercase; line-height: 1; }
.room-price span { font-size:16px; display:block; padding:5px 0; letter-spacing: -1px }
.room-offer { position:absolute; top:-10px; left:15px; font-size:10px; letter-spacing: 1px; text-transform: uppercase; }
.footer .room-offer { top:-15px; left:0; }
#sidebar .room-offer { left:0; }
.room > h2 { margin-right:50px; }

#room-media { padding-bottom:30px; }
#room-amenities { padding:30px; margin-bottom:25px; }
#room-amenities h3 { font-size:20px; text-transform: uppercase; letter-spacing: 2px; }
#room-amenities ul { margin:0; padding:0; list-style: none; }
#room-amenities li { padding-bottom: 8px; }
#room-amenities li:last-child { padding-bottom:0; }
#room-amenities li i { padding-right:10px; }

/*
============================================================================
Blog page
============================================================================
*/
.listing { padding-bottom:20px; margin-bottom:40px; position:relative; }
.listing:last-child { margin-bottom:0; border-bottom:none; }
.single { border-bottom:0 !important; }
.comments-no { position:absolute; top:8px; right:0; }
.comments-no a { display:inline-block; padding:8px; border-radius:2px; }

/* comments form */
#commentform label { display:block; }
#cancel-comment-reply-link { display:inline-block; font-size:13px; margin-left:20px; }

/*
============================================================================
Video listings
============================================================================
*/
.video { margin-bottom:30px; }

/*
============================================================================
Widgets
============================================================================
*/
.widget { margin-bottom:50px; line-height: 1.6; position:relative; }
.footer .widget { margin-bottom:30px; padding:0 5px;}
.widget-title { 
font-weight:normal;
font-size: 18px;
text-transform:uppercase;
font-family: 'VeveyRegular', sans-serif;
font-family: 'Droid serif', serif;
}
.widget ul { list-style: none; margin: 0; padding: 0; }
.widget ul li { padding: 5px 0; display: block; margin: 0; }

/* Widget Calendar */
#wp-calendar { width: 100%; border:none; }
#wp-calendar caption { text-align: center; margin-top: 10px; padding: 9px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { font-weight: bold; padding: 8px; border:none; }
#wp-calendar td { background: none;  text-align: center; padding: 3px; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar a { font-weight: bold; font-style: italic; }

/* Widget Archive / Categories */
.widget select { width:100%; max-width:100%; }

/* Widget Flickr */
.flickr_badge_image {float: left; margin: 0 10px 10px 0; }
.flickr_badge_image a { display: block; line-height: 0; }

/* Widget Book */
.widget_ci_book_room_widget { border-top:solid 1px #443e34;  border-bottom:solid 1px #443e34; text-align: center; padding:30px 0; }
.widget_ci_book_room_widget p { margin-bottom:0; }
.widget_ci_book_room_widget .book-now-price { font-size:24px; }

/* Special Offer Widget */
.widget_ci_special_offer_widget .item { position: relative; }
.widget_ci_special_offer_widget .item-content { position: absolute; bottom: 1px; left: 1px; width: calc(100% - 2px); background: rgba(0,0,0,0.67); padding: 7px 5px 10px; text-align: center; }
.widget_ci_special_offer_widget h4 { margin-bottom: 2px; }

/* Jetpack styles */
.tiled-gallery img { padding:0 !important; border:none !important; }

/* -----------------------------------------
   MOBILE MENU
----------------------------------------- */
#mobilemenu { display: none; }
#mobile-bar { display: none; text-align: center; position: fixed; top: 0; z-index: 1000; width: 100%; padding: 15px 10px 0 10px; height: 48px; }
.menu-trigger, .menu-trigger:focus { width: 24px; height: 21px; background: none; cursor: pointer; opacity: 0.85; margin: 0; outline: none; position: absolute; left: 10px; top: 2px; color: #333; }
.menu-trigger:hover { opacity: 0.95; }
.menu-trigger:active { opacity: 1; }
.mob-title { font-size: 14px;line-height: 1; margin: 0; padding: 0; }
#mobile-bar { font-size:200%;}
/*
============================================================================
External Plugin
============================================================================
*/
/**
 * CSSIgniter Dropckick styles
 
 */
table.post td {width:50%;}
 
.page-container {
background:#c9b07e !important; 
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
border: solid 3px #af9769;
} 
 #footer-wrap {background:#232323 !important; border-top:none !important; box-shadow:none !important;}
 
 #booking .form {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border: solid 3px #af9769;
  background: #232323;
  color: #232323;
  background: -moz-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ceb991), color-stop(100%, #a68e5f));
  background: -webkit-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: -o-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: -ms-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: linear-gradient(to bottom, #ceb991 0%, #a68e5f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$gold-gradient-from', endColorstr='$gold-gradient-to',GradientType=0 );
}

#booking {margin-top:20px; padding-left:0; padding-right:0; text-align:center;}
.home-container #booking {padding-left:20px; padding-right:20px;}
#booking h2, #booking p {color: #232323; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);  margin:10px 0;}

.hentry h1, .hentry h2, .hentry h3, h4, h5, h6  {clear:both;}

 
.dk_theme_ci {
  /* Container */
  /* Toggle */
  /* Focus State */
  /* Open State */
  /* Options Menu */
  /* Inner Options */
  /* Set a width property here */
}
.dk_theme_ci.dk_container {
  width: 100%;
  outline: none;
  font-family: inherit;
  cursor: pointer;
}
.dk_theme_ci a:hover {
  text-decoration: none;
}
.dk_theme_ci .dk_toggle {
  outline: none;
  font-size: inherit;
  text-decoration: none;
  padding: 10px;
  transition: 0.2s;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100% !important;
  border-radius:2px;
}

#booking-form .dk_theme_ci.dk_container {
	width:100%;
}

#booking-form .dk_theme_ci .dk_toggle {
	box-shadow: none;
	padding:6px 15px;
}

.dk_theme_ci .dk_toggle:after {
  font-family: FontAwesome;
  line-height: normal;
  font-weight: normal;
  font-size: 12px;
  content: "\f078";
  position: absolute;
  top: 10px;
  right: 10px;
}
.dk_theme_ci.dk_focus .dk_toggle, .dk_theme_ci:focus .dk_toggle {
  transition: border-color 0s linear;
}
.dk_theme_ci.dk_open .dk_toggle {
}
.dk_theme_ci .dk_options {
  z-index: 10;
  border-radius:2px;
}
.dk_theme_ci .dk_options li {
}
.dk_theme_ci .dk_options li:last-child {
  border-bottom: none;
}
.dk_theme_ci .dk_options a {
  font-size: 12px;
  text-transform: uppercase;
  cursor: pointer;
  padding: 7px 8px;
}
.dk_theme_ci .dk_options_inner {
  list-style: none;
  margin: 0;
  padding: 0;
}

.b-form .dk_theme_ci .dk_toggle {
  transition: 0.18s;
}

.dk_container {
  display: none;
  float: left;
}
.dk_container a {
  outline: 0;
}

.dk_toggle {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  position: relative;
  zoom: 1;
}

.dk_open {
  position: relative;
}
.dk_open .dk_options {
  display: block;
}
.dk_open .dk_label {
  color: inherit;
}

.dk_options {
  display: none;
  margin-top: -1px;
  position: absolute;
  right: 0;
  width: 100%;
}
.dk_options a, .dk_options a:link, .dk_options a:visited {
  display: block;
}

.dk_options_inner {
  overflow: auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.dk_container select {
  position: absolute;
  top: -99999em;
  visibility: hidden;
  display: none;
}

.dk_mobile {
  position: relative;
}
.dk_mobile select {
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: visible;
  opacity: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

@media only screen and (max-width: 1200px) {
	/* Booking form */
	#booking form > div { margin-right:2%; }
	#booking .arrival, #booking .departure { width:19%; }
	#booking .adults, #booking .children { width:13%; }
	#booking .bookbtn { width:26%; }
}


/* Medium */
@media only screen and (max-width: 992px) {
	#page {
		position:relative; top:48px;
	}

	/* Mobile menu */
	#mobile-bar { display: block; }
	nav { display:none; }
	.mm-menu.mm-current { display: block !important;}

	/* Logo menu */
	.logo { text-align: center; }

	/* Booking form */
	#booking form > div { margin-right:2%; }
	#booking .arrival, #booking .departure { width:18%; }
	#booking .adults, #booking .children { width:12%; }
	#booking .bookbtn { width:32%; }

	/* Newsletter form */
	.hn .newsletter-title { width:25%; }
	.hn .newsletter-field { width:25%; }
	.hn .newsletter-action { width:19%; margin-right:0; text-align: right; }
}

/* Extra Small */
@media only screen and (max-width: 767px) {

	/* Container */
	#main { padding:30px 0; }

	/* Booking form */
	#booking form > div { float:none; margin:0 0 15px 0; }
	#booking .arrival, #booking .departure, #booking .adults, #booking .children, #booking .bookbtn { width:100%; }
	#booking .bookbtn { text-align: center; height:auto; }
	#booking .bookbtn input { position:static; }

	/* Newsletter form */
	.hn p { float:none; margin:0 0 20px 0; }
	.hn .newsletter-title, .hn .newsletter-field, .hn .newsletter-action { width:100%; }
	.hn .newsletter-action input[type=submit] { width: 100%; }
	
	.slide-video {width:99%; margin:120px auto 0 auto; text-align:center; float:none;}
	.slide-badge p {font-size:80%;}
	.footer .widget a.button { text-align:center; display:block; padding:10px 0;}
}